*{
  padding: 0;
  margin: 0;
}

body{
  width: 100vw;
  height: 100vh;
}

/* 书签增加栏 */
.bk_wd {
	width: 30vw;
	height: 45vh;
	position: absolute;
	z-index: 6;
	left: 34vw;
	top: 17vh;
	background-color: rgb(255, 255, 255);
	box-shadow: 0 0 10px #000;
	font-family: TsangerYunHei;
	font-size: medium;
	display: block;
	animation-duration: 0.5s;
	animation-timing-function: ease-in;
	animation-fill-mode: forwards;
}
.bk_wd_mask {
	width: 25vw;
	height: 60vh;
	position: absolute;
	background-color: #fff;
	right: -36vw;
	bottom: -38vh;
	opacity: 0.6;
}
.bk_wd_cont {
	width: 100%;
	height: 7.5vh;
	margin: 1.5vh 0 0 0;
	display: flex;
	align-items: center;
}

.bk_wd_cont:last-child {
	background-color: #41c1c1;
}

.bk_wd_cont p {
	text-indent: 1vw;
	display: block;
	width: 8vw;
  height: 7vh;
	line-height: 7vh;
}

.bk_wd_cont input[type="text"] {
	height: 7vh;
	width: 20vw;
	text-indent: 1vw;
	border-radius: 5px;
	outline: none;
	border: none;
	background-color: #bae3ea;
}

.bk_wd_cont input[type="button"] {
	width: 20vw;
	height: 6vh;
	background-color: #0dc9e2;
	outline: none;
	margin: 0px 2vw;
	border: none;
	cursor: pointer;
	opacity: 0.7;
	transition: 0.5s ease;
}

.bk_wd_cont input[type="submit"] {
	width: 20vw;
	height: 6vh;
	background-color: #0dc9e2;
	outline: none;
	margin: 0px 2vw;
	border: none;
	cursor: pointer;
	opacity: 0.7;
	transition: 0.5s ease;
}

.bk_wd_cont input[type="button"]:hover {
	opacity: 1;
}